<div class="home_box">
  <div class="header">
    <div class="logo">
      <img src="@/assets/header.jpeg" alt="#">
    </div>
    <div class="title">
      碧桂园 OA
    </div>
    <el-button class="logout" type="info">退出</el-button>
  </div>
  <div class="home">
    <div class="slide">
      <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      :unique-opened="true"
      background-color="#545c64"
      text-color="#fff">
      <el-submenu v-for="item in menuList" :key="item.id" :index="item.id + ''">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>{{ item.authName }}</span>
        </template>
          <el-menu-item v-for="t in item.children" :key="t.id" index="t.id + ''">
            <i class="el-icon-location"></i>
            <router-link :to="'/' + t.path" tag="span">{{ t.authName }}</router-link>
          </el-menu-item>
      </el-submenu>
    </el-menu>
    </div>
    <div class="content">
      <router-view></router-view>
    </div>
  </div>
</div>
